@import 'icon.css';
.drow-item--hide {
  z-index: -10 !important;
}
/* 最外层 */
.draw-box {
  position: relative;
  background: #fff;
  box-shadow: 5px 5px 3px 0 rgba(180, 192, 209, 0.8);
}

/* 画布 */
.draw-canvas {
  position: absolute;
  z-index: 1;
}

/* ------------自由缩放----------- */
.draw-freeBox {
  position: absolute;
  z-index: 1;
  cursor: move;
}
/* 增加边缘 防止覆盖拖拽 */
.draw-freeBox:before {
  content: '';
  position: absolute;
  left: -3px;
  top: -3px;
  z-index: 1;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
}
/* 虚线边框、*/
.draw-freeBox:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px dashed #ccc;
}

.draw-freeBox-view {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.draw-freeBox--resizebtn {
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 10;
  width: 4px;
  height: 4px;
  background: #fff;
  /*opacity: 0;*/
  border: 1px dashed #aaa;
  cursor: se-resize;
}

.draw-freeBox-item {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/* 自由缩放中的组件 */
.draw-parentSize {
  width: 100%;
  height: 100%;
}

.draw-freeBox--textarea {
  overflow-y: visible;
  cursor: text;
}
/* -----------------部件------------ */
.draw-readclipbrdImg {
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
}